<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Layabox家族</title>
    <link rel="stylesheet" href="./css/jiazu.css">
    <link rel="stylesheet" href="./boot/bootstrap-3.4.1/dist/css/bootstrap.css">
    <!-- <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> -->
    <script src="./jquery.js"></script>
    <script src="./boot/bootstrap-3.4.1/js/dropdown.js"></script>
    <script src="./boot/bootstrap-3.4.1/js/collapse.js"></script>
    <script src="./boot/bootstrap-3.4.1/js/transition.js"></script>
    <script src="./boot/bootstrap-3.4.1/js/carousel.js"></script>
</head>

<body>
    <div class="container-fluid box">
        <!-- 导航栏 -->
        <div class="navbar-wrapper">
            <div class="container">

                <nav class="navbar navbar-inverse navbar-static-top">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                            <a class="navbar-brand" href="#"><img src="./images/logo.png" alt="" class="logo"></a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="./index.html" style="background-color: #222; color: #9d9d9d;">首页</a></li>
                                <li><a href="./layabox家族.html" style="background-color: #000; color: #fff;">Laya家族</a></li>
                                <li><a href="./layabox游戏.html">游戏</a></li>
                                <li><a href="./layabox新闻动态.html">新闻动态</a></li>
                                <li><a href="#">开发者中心</a></li>
                                <li><a href="#">开发者社区</a></li>
                                <li><a href="#">开放平台</a></li>
                                <li><a href="./layabox关于我们.html">关于我们</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">中文</a></li>
                                        <li><a href="#">英文</a></li>
                                        <li><a href="#">日文</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>

            </div>
        </div>
    </div>

    <!-- 第一部分内容 -->
    <div class="container-fluid box1">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <!-- 第一个 -->
                    <div class="row title_1">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <h1><i>1</i>LayaFlash</h1>
                        </div>
                    </div>
                    <!-- 第二个 -->
                    <div class="row title_2">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <h3> 直接用Flash AS3语言开发HTML5的引擎 </h3>
                        </div>
                    </div>
                    <!-- 第三个 -->
                    <div class="row title_3">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <p> 支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品； </p>
                        </div>
                    </div>
                    <!-- 第四个 -->
                    <div class="row title_3">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <p> 支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业 进入HTML5市场低成本、无门槛； </p>
                        </div>
                    </div>
                    <!-- 第五个 -->
                    <div class="row title_3">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <p> 支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
                        </div>
                    </div>
                    <!-- 第六个 -->
                    <div class="row title_6">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <a href="#"><img src="./images/进入下载.png" alt=""></a>
                        </div>
                    </div>
                </div>
                <!-- 图层 -->
                <div class="col-md-6 tu">
                    <img src="./images/图层 54.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 第二部分内容 -->
    <div class="container-fluid box2">
        <div class="container">
            <div class="row">
                <!-- 第一列 -->
                <div class="col-md-4 md_a col-sm-12 sm_a col-xs-12">
                    <!-- 标题 -->
                    <div class="row title_2">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <h1><i>2</i>LayaFlash</h1>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <img src="./images/图层 55.png" alt="">
                    </div>
                </div>
                <!-- 第二列 -->
                <div class="col-md-4 md_b col-sm-12 sm_b col-xs-12">
                    <!-- 第一段话 -->
                    <h3>极强性能</h3>
                    <p>C语言编写的HTML5运行器，逻辑渲染双核运 行、GPU加速渲染、内存显存智能管理、渲染流 程极致优化，基于LayaPlayer运行的HTML5产品 性能媲美APP。
                    </p>
                    <!-- 第二段话 -->
                    <h3>更小，更多，更强</h3>
                    <p>不足20K的HTML5运行器，拥有超过5亿的移动 设备安装量，已嵌入到QQ浏览器、QQ空间、百 度浏览器、新浪微博、猎豹浏览器等20多家主流 平台。
                    </p>
                </div>
                <div class="col-md-4 md_c col-sm-12 sm_c col-xs-12">
                    <img src="./images/图层 57.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 第三部分内容 -->
    <div class="container-fluid box3">
        <div class="container">
            <div class="row">
                <div class="col-md-6 ">
                    <!-- 标题1 -->
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h1><i>3</i>LayaAir</h1>
                        <h4>新一代HTML5引擎，正在内测完善中，敬请期待</h4>
                        <h4>小巧强大</h4>
                        <p>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP
                        </p>
                        <h4>应用领域更广泛</h4>
                        <p>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域
                        </p>
                        <h4>多语言开发</h4>
                        <p>支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛
                        </p>
                        <div class="tu_59">
                            <img src="./images/图层 59.png" alt="">
                        </div>
                    </div>
                </div>
                <!-- 标题2 -->
                <div class="col-md-6">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h1><i>4</i>LayaOpen</h1>
                        <h4>面向Layabox开发者、流量渠道的一站式对接平台</h4>
                        <h4>一站式对接</h4>
                        <p>一次对接，全渠道发行，提供一站式对接、发行、运营服务非常完美
                        </p>
                        <h4>免费测评</h4>
                        <p>提供免费评测服务以及线上真实用户的产品测试和运营测试
                        </p>
                        <h4>专业服务</h4>
                        <p>提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统
                        </p>
                        <div class="tu_59">
                            <img src="./images/图层 60.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 第四部分内容 -->
    <div class="container-fluid box4">
        <div class="container">
            <div class="row">
                <div class="col-md-6 ">
                    <!-- 标题1 -->
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h1><i>5</i>LayaStore</h1>
                        <h4>游戏内容丰富，可安装、可嵌入的HTML5应用商店</h4>
                        <h4>嵌入式商店</h4>
                        <p>仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店 服务。
                        </p>
                        <h4>流量变现</h4>
                        <p>丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。
                        </p>

                        <div class="tu_59">
                            <img src="./images/图层 62.png" alt="">
                        </div>
                    </div>
                </div>
                <!-- 标题2 -->
                <div class="col-md-6">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h1><i>6</i>LayaPublish</h1>
                        <h4>分成高、覆盖广，提供最优秀的全渠道发行服务</h4>
                        <h4>覆盖广</h4>
                        <p>超过5亿的移动设备安装量覆盖，为CP发行保驾护航
                        </p>
                        <h4>分成高</h4>
                        <p>CP可享受80%发行收益的高分成政策。
                        </p>

                        <div class="tu_59">
                            <img src="./images/图层 63.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部导航栏 -->
    <div class="container-fluid box6_nav">
        <div class="container">
            <div class="row">
                <div class="col-md-9 col-sm-9 col-xs-9">
                    <a href="#">公司简介</a>
                    <a href="#">联系方式</a>
                    <a href="#">人才招聘</a>
                    <p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-3">
                    <div class="col-xs-12"><img src="./images/图层 50.png" alt=""></div>
                    <div class="col-xs-12 nn"><img src="./images/图层 51.png" alt=""><img src="./images/图层 53.png" alt="" class="zz"></div>
                    <div class="col-xs-12"><img src="./images/图层 52.png" alt=""></div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>